@import url(//at.alicdn.com/t/font_514848_rain4fzk23wbqpvi.css);

/* Reset */
*{box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{padding:0; margin:0;}
fieldset,img{border:0; vertical-align:top;}
address,caption,cite,code,dfn,em,th,var,i{font-weight:normal; font-style:normal;}
ol,ul,li{list-style:none;}
div,dl,dt,dd,ol,ul,li{zoom:1;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{color:#caa161; text-decoration:none; outline:none;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
input,select,textarea,button{outline:0;}
button,input,optgroup,select,textarea{line-height:1.15; margin:0; font-family:sans-serif;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{padding:0; border-style:none;}
button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}
[type='checkbox'],[type='radio']{padding:0; box-sizing:border-box;}
[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}
[type='search']{-webkit-appearance:textfield; outline-offset:-2px;}
[type='search']::-webkit-search-cancel-button,[type='search']::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button; font:inherit;}

/* Public */
html{line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body{font-weight:400; font-family:-apple-system,BlinkMacSystemFont,Avenir,'Avenir Next','Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif; background:#f2f2f2; color:#111;}
.container{width:100%; margin:0 auto;}
.left{float:left !important;}
.right{float:right !important;}
.clear:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
button,.button{display:inline-block; height:1.8rem; line-height:1.8rem; padding:0 1rem; border:0; border-radius:1.8rem; background:#1887f3; text-align:center; font-size:1rem; color:#fff;}

/* Flex */
.row{display:flex; width:100%; flex-flow:row wrap; justify-content:space-between;}
.row .col{flex:1 1 0px;}
.row .col-1{width:8.333333333333332%;}
.row .col-2{width:16.666666666666664%;}
.row .col-3{width:25%;}
.row .col-4{width:33.33333333333333%;}
.row .col-5{width:41.66666666666667%;}
.row .col-6{width:50%;}
.row .col-7{width:58.333333333333336%;}
.row .col-8{width:66.66666666666666%;}
.row .col-9{width:75%;}
.row .col-10{width:83.33333333333334%;}
.row .col-11{width:91.66666666666666%;}
.row .col-12{width:100%;}
@media screen and (max-width:768px){
	.row .col,.row [class*=' col-'],.row [class^=col-]{flex:0 0 100%;}
}

body .layui-m-layer .layui-m-layermain .layui-m-layer-msg{bottom:0;}
header.row{height:3rem; line-height:3rem; margin:0; background:url(../img/nav.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover;}
header .col.home{flex:15%;}
header .col.menu{flex:15%; text-align:right;}
header .col.title{flex:70%; font-size:1rem; text-align:center; color:#fff;background:#ffb90f;}
header i.iconfont{margin:0 1rem; font-size:1.2rem; color:#fff;}
header.light.row{background:#fff;}
header.light .col.title{color:#111;}
header.light i.iconfont{color:#7d7d7d;}
footer{margin:0.5rem 0 1rem 0; font-size:0.5rem; font-weight:300; text-align:center; color:#ccc;}

.nav{position:fixed; z-index:9999; height:100%; padding:0 2rem; background:#fff; text-align:center; align-content:flex-start; -webkit-transform:translateX(100%); transform:translateX(100%);}
.nav .col{flex:33.33333%; margin-top:2rem;}
.nav img{width:55%; margin:0;}
.nav p{margin-top:0.5rem; font-size:0.8rem; color:#666;}

.bar{position:fixed; z-index:9999; bottom:0; padding:0.4rem 0 0.3rem 0; background:#fff; text-align:center;}
.bar:before{position:absolute; left:0; top:0; display:block; content:''; width:100%; height:1px; background:#e7e7e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.bar .col{flex:33.33333%;}
.bar a{color:#7d7d7d;}
.bar i.iconfont{font-size:1.2rem;}
.bar p{margin-top:0.2rem; font-size:0.8rem; font-weight:300;}
.bar .on{color:#caa161;}

.btn{width:90%; margin:0 auto;}
.btn button,.btn .button{width:100%; height:2.5rem; line-height:2.5rem; margin-top:1rem; border-radius:2.5rem;}
.btn button[type=submit][disabled]{opacity:1; color:rgb(255, 255, 255);}

.text-primary{color:#7266ba !important;}
.text-success{color:#27c24c!important;}
.text-info{color:#23b7e5!important;}
.text-warning{color:#fad733!important;}
.text-danger{color:#f05050!important;}
.text-dark{color:#3a3f51!important;}
.text-black{color:#1c2b36!important;}
.text-light{color:#edf1f2!important;}
.text-white{color:#fff!important;}

.hxd{background:#fff;}
.hxd .container{width:75%; margin-top:8.5rem;}
.hxd form .row{position:relative; margin-bottom:1.5rem;}
.hxd form .row label{position:absolute; left:0; top:45%; font-size:1rem; font-weight:300; color:#817b7b; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition:all linear .25s; -webkit-transition:all linear .25s;}
.hxd form .row label.on{font-size:0.5rem; transform:translateY(-1.7rem); -webkit-transform:translateY(-1.7rem);}
.hxd form .row input{width:100%; height:2.2rem; line-height:2.2rem; border:0; border-bottom:0.05rem solid #e5e5e5; background:none; font-size:1rem;}
.hxd form .row i.iconfont{position:absolute; right:0.5rem; top:20%; font-size:1.2rem; color:#ccc;}
.hxd form .row img{position:absolute; right:0; bottom:0.2rem; width:5rem; height:2rem;}
.hxd form .btn{width:100%;}
.hxd form .tip{font-size:0.8rem; justify-content:center;}

.item-content{width:100%; padding:0 0.5rem; background:#1d7efe33;}
.item-content li{position:relative; line-height:2.8rem; padding-left:0.3rem;}
.item-content li:after{position:absolute; left:0; bottom:0; display:block; content:''; width:100%; height:1px; background:#e7e7e7; -webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
.item-content li:last-child:after{height:0;}
.item-content .item-inner{display:flex; font-weight:300; color:#111;}
.item-content .item-link{background:url() no-repeat right center; -webkit-background-size:0.9rem; background-size:0.9rem;}
.item-content .item-title{flex:50%; font-size:0.85rem;}
.item-content .item-after{flex:50%; font-size:0.75rem; padding-right:0.3rem; text-align:right; color:#999;}
.item-content .item-link .item-after{padding-right:1.2rem;}
.item-content input{font-size:0.9rem; font-weight:300; color:#111;}
.item-content i.iconfont{margin-right:0.5rem; font-size:1rem; color:#999;}

.item-block{width:100%; background:#1d7efe33;}
.item-block li{float:left; width:50%; padding:1rem; border:0.05rem solid #f2f2f2; border-width:0 0.05rem 0.05rem 0;}
.item-block li i{font-size:1.3rem; color:#caa161;}
.item-block li a{color:#333;}
.item-block li .bd{width:80%; font-weight:300;}
.item-block li .bd p{font-size:0.9rem;}
.item-block li .bd span{display:block; margin-top:0.3rem; font-size:0.7rem; color:#1b1a1a66;}

.dropload-down{font-weight:300;}

#msg{background:#fff; text-align:center;}
#msg .container{padding-bottom:1rem;}
#msg .container img{width:100%; margin-bottom:1rem;}
#msg .error{font-size:1.2rem;}
#msg .success i{display:block; margin:1rem 0; font-size:3rem; color:#27c24c;}
#msg .error i{display:block; margin:1rem 0; font-size:3rem; color:#f05050;}
#msg .jump{margin-top:1rem; font-size:0.5rem; font-weight:300;}

#slide{position:relative; height:10rem; overflow:hidden;}
#slide .hd{position:absolute; z-index:999; height:0.35rem; bottom:0.5rem; width:100%; text-align:center;}
#slide .hd ul li{display:inline-block; width:0.35rem; height:0.35rem; line-height:5rem; border-radius:0.3rem; background:rgba(125,125,125,.5); margin:0 0.1rem; vertical-align:top; overflow:hidden;}
#slide .hd ul li.on{background:#fff;}
#slide .bd img{width:100%; height:10rem;}

#home .tab{margin-bottom:0.5rem; padding:1rem 0; background:#fff; text-align:center;}
#home .tab ul{width:60%; margin:0 auto; border:0.05rem solid #caa161; border-radius:0.3rem;}
#home .tab li{display:inline-block; width:50%;}
#home .tab li a{display:block; width:100%; line-height:1.8; font-weight:300; font-size:0.9rem; color:#caa161;}
#home .tab li.on{background:#caa161;}
#home .tab li.on a{color:#fff;}

#home .list{display:flex; flex-direction:column;}
#home .box{padding:1rem; margin-top:0.5rem; background:#7542091a; font-weight:400;}
#home .box .hd{padding-bottom:0.6rem; border-bottom:0.05rem dashed #f5f5f5;}
#home .box .hd h3{float:left; font-size:1.1rem;}
#home .box .hd span{float:right; font-size:0.5rem; color:#caa161;}
#home .box .hd span.stock{margin-left:0.5rem; color:#666;}
#home .box .bd table{width:100%; margin-top:0.7rem; text-align:left;}
#home .box .bd table th{font-size:0.8rem; font-weight:300; color:#f27a06;}
#home .box .bd table td{line-height:1.2rem; vertical-align:baseline; font-size:1.2rem;}
#home .box .bd table td span{margin-left:0.2rem; font-size:0.8rem;}
#home .box .bd table td.money{width:28%; font-size:1.5rem; color:#f6a20f;}
#home .box .bd table td.money span{font-size:1rem; margin:0 0.2rem 0 0;}
#home .box .bd table td.times{width:20%;}
#home .box .bd table td.profit{width:22%;}
#home .box .bd table td.btn{width:30%; text-align:right; vertical-align:middle;}
#home .box .btn a{display:inline-block; width:5rem; height:1.8rem; line-height:1.8rem; padding:0; margin-top:0; border:0.05rem solid #caa161; border-radius:1.8rem; background:#fff; font-size:0.6rem; text-align:center; color:#caa161;}
#home .box .btn p{display:inline-block; width:5rem; line-height:1; font-size:0.7rem; text-align:center; color:#7a17e4;}
#home .box .btn p em{margin:0 0.1rem;}
#home .box.off{color:#ababab;}
#home .box.off .hd span{color:#ababab;}
#home .box.off .bd table td.money{color:#ababab;}
#home .box.off .progress{background:#dedede;}
#home .box.off .progress-bar{background:#dedede;}
#home .box.off .btn a{border:0.05rem solid #dedede; background:#dedede; color:#ababab;}

#pay .container{padding:0 0.8rem; background:#fff;}
#pay .trade{line-height:3rem; border-bottom:0.05rem solid #e7e7e7; font-size:0.5rem; color:#7d7d7d;}
#pay .info .hd{line-height:3rem; font-size:0.5rem;}
#pay .info .hd span{margin-left:0.2rem; font-style:italic; font-weight:300; color:#7d7d7d;}
#pay .info .bd .price{font-size:1.5rem;}
#pay .info .bd .price span{margin-left:0.5rem; font-size:3rem;}
#pay .info .bd p{line-height:3rem; font-size:0.5rem;}
#pay .info .bd p span{margin-right:0.2rem; color:#caa161;}
#pay .alipay{margin-top:0.5rem; background:#fff;}

#login{height:100%; background:url(../img/login-bg.jpg) no-repeat center; -webkit-background-size:100% 100%; background-size:100% 100%;}
#login .logo{padding:4rem 0; text-align:center;}
#login .logo img{height:7rem;}
#login form .row{position:relative; margin-bottom:1.5rem; padding:0 1.5rem 0 3rem; border-bottom:0.05rem solid rgba(200,200,200,0.2);}

#login form .row input{width:100%; height:2.2rem; line-height:2.2rem; border:0; background:none; font-size:1rem; color:#0b2369;}
#login form .row img.vcode{position:absolute; right:0.5rem; bottom:0.2rem; width:6rem; height:3rem;}
#login form .tip{font-size:0.8rem; text-align:center; color:#ababab;}
#login form .tip a{color:#0520f0;}

#reg{height:100%; background:url(../img/login-bg.jpg) no-repeat center; -webkit-background-size:100% 100%; background-size:100% 100%;}

#user .profile{margin-bottom:0.5rem; padding:4rem 0 1rem 0; background:url(../img/nav.jpg) no-repeat 0 0; -webkit-background-size:cover; background-size:cover;}
#user .profile .avatar{flex:25%; padding-left:1.5rem;}
#user .profile .avatar img{height:4rem; border-radius:100%; border:0.1rem solid #f2f2f2;}
#user .profile .info{flex:75%; font-size:1rem; color:#fff; font-weight:400;}
#user .profile .info li{line-height:1.5;}
#user .profile .info .phone{margin-bottom:0.2rem; font-size:1rem; font-weight:500;}
#user .profile .info .phone span{font-size:0.7rem; font-weight:300;}
#user .account{width:92%; margin:0 auto; margin-top:1.5rem; font-weight:300; text-align:center; color:#fff;}
#user .account .col{flex:30%; padding:0.5rem 0; background:rgba(252, 252, 252, 0.26); margin:0 0.05rem;}
#user .account p{margin-bottom:0.1rem; font-size:0.7rem; color:#f2f2f2;}
#user .account .cash-btn a{display:inline-block; margin-top:0.3rem; padding:0.2rem 1rem; border:0.05rem solid #f2f2f2; border-radius:1rem; font-size:0.8rem; color:#f2f2f2;}

#user .invite{margin-top:0.5rem; padding:1rem 0.5rem; background:#fff;}
#user .invite img{width:100%;}
#user .list ul{margin-bottom:0.5rem;}

#user-password .warning{line-height:3rem; text-align:center; font-size:0.8rem; color:#999;}

#user-cash .container{padding:0 0.8rem; background:#fff;}
#user-cash .used{line-height:3rem; border-bottom:0.05rem solid #e7e7e7; font-size:0.5rem; color:#7d7d7d;}
#user-cash .used span{margin-right:0.2rem; color:#111;}
#user-cash .info .hd{line-height:3rem; font-size:0.5rem;}
#user-cash .info .hd span{margin-left:0.2rem; font-style:italic; font-weight:300; color:#7d7d7d;}
#user-cash .info .bd .money{font-size:1.5rem;}
#user-cash .info .bd .money input{width:80%; margin-left:0.5rem; border:0; font-size:3rem;}
#user-cash .info .bd p{line-height:3rem; font-size:0.5rem;}
#user-cash .info .bd p span{margin-right:0.2rem; color:#caa161;}
#user-cash .list{margin-top:1.5rem;}

#user-order .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 0.5rem; background:#fff; font-size:0.7rem; font-weight:300; color:#666;}
#user-order .list li .product{border-bottom:0.05rem dashed #f2f2f2;}
#user-order .list li .product h3{font-size:0.9rem; color:#111;}
#user-order .list li .product span{color:#111;}
#user-order .list li .product .last{margin-right:1rem;}

#user-bonus .level{width:100%; background:#fff; font-size:0.8rem; text-align:center;}
#user-bonus .level th{text-align:center;}
#user-bonus .level th,#user-bonus .level td{padding:0.7rem; border:0.05rem solid #e7e7e7;  font-weight:300;}
#user-bonus .level th{background:#f7f7f7;}
#user-bonus .info{margin-top:0.5rem; padding:0 1rem; border-bottom:0.05rem solid #e7e7e7; background:#fff; font-weight:300;}
#user-bonus .info p{line-height:2.8rem; font-size:0.8rem;}
#user-bonus .info p span{margin-right:0.2rem; font-weight:300; color:red;}
#user-bonus .list{margin-top:1.5rem;}
#user-bonus .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 0.5rem; background:#fff; font-size:0.8rem; font-weight:300; color:#666;}
#user-bonus .list li .bonus{border-bottom:0.05rem dashed #e7e7e7;}
#user-bonus .list li span{font-weight:400;}

#user-distrib .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 0.5rem; background:#fff; font-size:0.8rem; font-weight:300; color:#666;}
#user-distrib .list li .order{border-bottom:0.05rem dashed #e7e7e7;}
#user-distrib .list li span{margin:0 0.2rem;}
#user-distrib .list li h3{color:#333;}
#user-distrib .list li i{margin-right:0.3rem; font-size:0.8rem;}
#user-distrib .list li .money{font-weight:500;}

#user-distrib-profit .list li{margin-top:0.5rem; line-height:2.8rem; padding:0 0.5rem; background:#fff; font-size:0.8rem; font-weight:300; color:#666;}
#user-distrib-profit .list li .profit{border-bottom:0.05rem dashed #e7e7e7;}
#user-distrib-profit .list li span{margin:0 0.2rem;}
#user-distrib-profit .list li h3{color:#333;}
#user-distrib-profit .list li i{margin-right:0.3rem; font-size:0.8rem;}
#user-distrib-profit .list li .money{font-weight:500;}

#user-team .info{margin-bottom:0.5rem; padding:0.8rem 0; background:#fff;}
#user-team .info .col{flex:33.33333333%; padding:0.2rem 0; text-align:center;}
#user-team .info .center{border:0.05rem solid #e7e7e7; border-width:0 0.05rem;}
#user-team .info p{margin-bottom:0.3rem; font-size:0.7rem; font-weight:300; color:#666;}
#user-team .info span{font-size:1.2rem; font-family:Arial;}
#user-team .hd{line-height:2rem; margin-top:0.5rem; padding:0 0.5rem; font-weight:300;}
#user-team .hd h3{float:left; font-size:0.9rem;}
#user-team .hd span{float:right; font-size:0.7rem; color:#999;}
#user-team .hd span em{margin:0 0.2rem; color:#caa161;}
#user-team .bd{background:#fff;}
#user-team .bd img{height:1.5rem; margin-right:0.5rem; border-radius:1.5rem; vertical-align:middle;}
#user-team .bd .item-after{color:#666;}

#user-share .container{height:0; overflow:hidden;}


